<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./reset.css">
    <link rel="stylesheet" href="./reset1.css">
    <link rel="stylesheet" href="./detail.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2600560_f320wlu6dem.css">
    <title>产品详情</title>
</head>
<body>
    <header>
        <!-- 顶部栏 -->
        <div class="header-top">
            <div class="bg-width">
                <div>全国服务热线400-000-0000</div>
                <div>
                    <a href="">设为首页</a>
                    <a href="">加入收藏</a>
                </div>
            </div>
        </div>
        <div class="header-bottom">
            <!-- logo以及公司名 -->
            <div class="left">
                <div class="logo">
                    <img src="/练习/项目一/img/logo.png" alt="">
                </div>
                <div class="company-name">
                    <h1>TK科技有限公司</h1>
                    <h2>cer dcd keo Holdings Co., Ltd.</h2>
                </div>
            </div>
            <!-- 导航栏 -->
            <div class="right">
                <ul>
                    <li>
                        <a href="">
                            <h3>首页</h3>
                            <h3>Home</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>关于我们</h3>
                            <h3>About</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>产品中心</h3>
                            <h3>Products</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>服务支持</h3>
                            <h3>Service</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>新闻中心</h3>
                            <h3>News</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>在线商店</h3>
                            <h3>Shop</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>练习我们</h3>
                            <h3>Contact Us</h3>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
<section>
    <div class="banner">
        <img src="./img/产品详情/banner.jpg" alt="">
    </div>
    <div class="banner-top">
        <p><a href="#">首页</a>&gt;<a href="#">新品发布</a>&gt; <a href="">S6207Y-WR</a> </p>
    </div>
    <div class="product-box1">
        <div class="box1-left">
            <div class="left-top">
                <img src="./img/产品详情/图层 88.jpg" alt="">
            </div>
            <div class="box1-bot">
                <img src="./img/产品详情/01.jpg" alt="">
                <img src="./img/产品详情/1450172036.jpg" alt="">
                <img src="./img/产品详情/1450176352.jpg" alt="">
                <img src="./img/产品详情/1450176193.jpg" alt="">
                <img src="./img/产品详情/1450173416.jpg" alt="">
            </div>
        </div>
        <div class="box1-right">
            <div class="right-text">
            <h3>百万高清网络摄像机</h3>
            <h3>型号：S6207Y-WR</h3>
            <ul>
                <li>描述：</li>
                <li>100万无线高清64GB TF卡语音对讲智能连接手机观看</li>
                <li>1、采用H.264视频压缩技术，实现超低码率、高清晰画质，128K-2056Kbps可调;</li>
                <li>2、1280*720 Pixels（1000k Pixels）720P/VGA;</li>
                <li>3、支持控制上下旋转巡筋（水平355度/垂直120度）；支持ONVIF协议，标准RTSP流;</li>
                <li>4、支持最大64GBTF卡插入，支持双向对讲;</li>
                <li>5、支持smartink免网线智能配置摄像机WiFi：支持手机远程监控（iphone，Android）</li>
                <button><a href="">立即购买</a></button>
                <button><a href="">联系我们</a></button>
            </ul>
        </div>
        </div>
    </div>
    <div class="product-box2">
        <ul>
            <li> <a href=""><h3>产品描述</h3></a> </li>
            <li> <a href=""><h3>规格参数</h3></a> </li>
            <li> <a href=""><h3>产品图集</h3></a> </li>
        </ul>
    </div>
    <div class="product-box3">
        <div class="box3-top">
            <h3>720P高清画质</h3>
            <ul>
                <li>百万高清镜头，高性能海思芯片</li>
                <li>1280X720分辨率，清晰度是普通摄像头的3倍</li>
            </ul>
        </div>
        <div class="box3-img">
            <img src="./img/产品详情/图层 87.jpg" alt="">
            <img src="./img/产品详情/图层 88.jpg" alt="">
        </div>
        <div class="box4-top">
            <h3>10米红外夜视</h3>
            <ul>
                <li>零光源不用怕，成像一样清晰</li>
                <li>红外校正的光学设计，自动校正红外虚焦，保证晚上图像清晰，红外灯</li>
                <li>照射距离可达10米，配备IR-CUT，夜晚彩转黑白</li>
            </ul>
        </div>
        <div class="box4-img">
            <img src="./img/产品详情/图层 90.jpg" alt="">
        </div>
        <div class="box4-top">
            <h3>移动侦测 信息推送</h3>
            <ul>
                <li>精准度高，误报率低。不怕贼惦记</li>
                <li>当监控区域出现移动目标时，监控录像就会自动开启录像功能，并会</li>
                <li>在第一时间将异常情况发送报警提示您</li>
            </ul>
        </div>
        <div class="box4-img">
            <img src="./img/产品详情/图层 92.jpg" alt="">
        </div>
        <div class="box4-top">
            <div><h3>您可以这些地方使用！</h3></div>
            <div class="box4-img">
                <img src="./img/产品详情/产品详细_03.jpg" alt="">
            </div>
        </div>
        <div class="box5-top">
            <span>规格参数</span>
        </div>
        <div class="box4-img">
            <img src="./img/产品详情/6207.jpg" alt="">
        </div>
        <div class="box5-top">
            <span> <a href="">更多产品</a> </span>
        </div>
        <div class="box5-img">
            <a href=""><img src="./img/产品详情/01_002.jpg" alt=""></a>
            <a href=""><img src="./img/产品详情/01_003.jpg" alt=""></a>
            <a href=""><img src="./img/产品详情/01_004.jpg" alt=""></a>
            <a href=""><img src="./img/产品详情/01_004.jpg" alt=""></a>
            <a href=""><img src="./img/产品详情/621301.jpg" alt=""></a>
        </div>
    </div>
</section>
<footer>
    <div class="foot-top">
        <div>
        <span>关注我们: </span>
        <a href=""><i class="iconfont icon-weibo"></i></a>
        <a href=""><i class="iconfont icon-ziyuan"></i></a>
        <a href=""><i class="iconfont icon-QQ"></i></a>
    </div>
        <ul>
            <li><a href="">网站首页</a></li>
            <li><a href="">新闻动态</a></li>
            <li><a href="">关于我们</a></li>
            <li><a href="">团队风采</a></li>
            <li><a href="">联系我们</a></li>
            <li><a href="">在线留言</a></li>
        </ul>
</div>
    <div class="foot-bot">
        <i class="iconfont icon-shangbiao"></i> <span> 2015 TK科技有限公司 版权所有沪ICP证13022560号-7 ALL Rights Reserved</span>
    </div>
</footer>
</body>
</html>